*{
  margin: 0;
  padding:0;
  box-sizing: border-box;
}

.hero-container{
  width: 1000px;
  margin: 20px auto;
}

.hero-container .hero-search{
  text-align: right;
}

hr{
  margin: 15px 0;
}

.hero-item img{
  width: 100%;
}

.hero-list{
  margin: 0 -10px;
}

.hero-item{
  width: 10%;
  float: left;
  padding: 0 10px;
}

p{
  text-align: center;
  padding: 5px 0 10px;
  font-size: 14px;
}